Ext.require('Ext.tab.*');
Ext.onReady(function() {
			var currentItem;
			var tabs = Ext.createWidget('tabpanel', {
						renderTo : 'tab',
						resizeTabs : true,
						enableTabScroll : true,
						margin : '10',
						width : 600,
						height : 250,
						defaults : {
							autoScroll : true,
							bodyPadding : 10
						},
						items : [{
									title : '选项卡',
									html : '选项卡内容',
									closable : true
								}]

					});

			var index = 0;

			function addTab(closable) {
				++index;
				tabs.add({
							title : '新选项卡- ' + index,
							html : '新选项卡内容 ' + index + '<br/><br/>',
							closable : !!closable
						}).show();
			}

			Ext.createWidget('button', {
						renderTo : 'add',
						text : '创建可关闭选项卡',
						handler : function() {
							addTab(true);
						}
					});

			Ext.createWidget('button', {
						renderTo : 'add',
						text : '创建不可关闭选项卡',
						handler : function() {
							addTab(false);
						},
						style : 'margin-left: 8px;'
					});
		});
